import React from "react";
import Balance from "./components/Balance";
import BuyTokens from "./components/BuyTokens";
import RegisterFish from "./components/RegisterFish";
import GetFishByName from "./components/GetFishByName";

function App() {
  return (
    <div style={{ padding: "20px", fontFamily: "Arial, sans-serif" }}>
      <h1 style={{ textAlign: "center", color: "#2c3e50" }}>FishToken DApp</h1>
      <div style={{ marginBottom: "20px" }}>
        <Balance />
      </div>
      <div style={{ marginBottom: "20px" }}>
        <BuyTokens />
      </div>
      <div style={{ marginBottom: "20px" }}>
        <RegisterFish />
      </div>
      <div style={{ marginBottom: "20px" }}>
        <GetFishByName />
      </div>
    </div>
  );
}

export default App;

